.widget-dialog{
  font-size: 12px;
  position: fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
  z-index: 10000;
  color:#999;
}

.widget-dialog.noMesh{
  background-color: rgba(0, 0, 0, 0);
}

.widget-dialog-container{
  user-select: none;
  position: absolute;
  left:50%;
  top:50%;
  border:2px solid #e0e1e5;
  border-radius: 2px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

  padding:20px;
  z-index: 10001;
  background: #FFF;
  -webkit-transform: translate(-50%, -50%);
}

.widget-dialog-head{
  position: relative;
  height:50px;
  line-height: 50px;
  text-align: center;
}

.widget-dialog-head span{
  font-size: 16px;
  color:#000;
}

.widget-dialog-title{
  text-align: center;
}



.widget-dialog-body{
  padding:20px 0px;
}

.widget-dialog-body .info-body{
  display: table
}

.widget-dialog-body .item{
  display: table-row;
  vertical-align: middle;
  font-size: 14px;
  height: 50px;
}

.widget-dialog-body .item-key{
  vertical-align: middle;
  display: table-cell;
}
.widget-dialog-body .item-value{
  padding-left:20px;
  display: table-cell;
  vertical-align: middle;
}

.widget-dialog-body .item-value input.nickname{
  padding: 5px 10px;
line-height: 22px;
width: 320px;
}

.widget-dialog-body .item-value textarea.info-sign{
  width: 320px;
  height:50px;
}
.widget-dialog-body .item .item-value .info-img{
  display: inline-block;
}
.widget-dialog-body .item-value .userIcon{
  width:50px;
  height:50px;
  border-radius: 25px;
}

.widget-dialog-body .widget-upload-btn{
  position: relative;
  overflow: hidden;
  display: block;
}

.widget-upload-btn input {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    right: -1px;
    top: -1px;
    margin: 0 !important;
    height: 30px;
    padding: 0px;
}

.widget-dialog-body .item-value .user-info-right{
  display: inline-block;
  padding-left: 20px;

}
.widget-dialog-body .item-value .user-info-right .changeIcon{
  width:80px;
  height:24px;
  line-height: 24px;
}

.widget-dialog-body .item-value .user-info-right .upload-image{
  display: block;
}

.widget-dialog-body .item.align-top .item-key,.widget-dialog-body .item.align-top .item-value{
  vertical-align: top;
}

.catagory-chose-container{
  border:1px solid #e0e1e5;
  width:300px;
}

.move-to{
  margin:10px;
}

.catagory-chose-container{
margin-top:10px;
}
.catagory-chose-tree{
  height:200px;
  border-width:1px 0px 0px 0px;
  border-color:#e0e1e5;
  border-style: solid;
  padding:10px;

}

.name{
  display: flex;
  position: relative;
  display: -webkit-flex;
}

.tree-title{
  display: flex;
  display: -webkit-flex;
  padding-left:20px;
  -webkit-align-items: center;
  align-items: center;
}

ul{
  list-style: none;
  margin:0px;
  padding:0px;
  display: block;
}

ul.tree-container li{
  padding:0px;
}
ul.tree-container li:hover{
  background:#fff;
  color:#999;
}
.tree-container{
  display: block;
}

.file-tree{

}

.file-tree .tree-title{
  cursor: pointer;
}
.file-tree .tree-title:hover{
  background-color: #E8F0FF;
}
.file-tree .tree-title.selected{

  border: 1px solid #2280ed;
    border-color: #2280ed transparent;
    color: #fff;
  background-color:#398dee;

}
.file-tree .tree-title i.folder-icon{
width:24px;
height:24px;
}
.file-tree .tree-title.expandable	.folder-icon{
  background: url(centerPane/sprite-4ce3c9eaa2.svg) no-repeat;
background-position: 88.6685552407932% 64.86486486486487%;

}

.file-tree .tree-title i.arrow{
display: block;
width: 14px;
height: 14px;
}
.file-tree .tree-title.expandable .arrow{

  background: url(centerPane/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 56.74931129476584% 98.83381924198251%;


}

.toggle{
  width:14px;
  height:14px;
}

.file-tree .tree-title.expandable.expanded .arrow {
  background: url(centerPane/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 68.31955922865014% 98.83381924198251%;

}

.file-tree .tree-title.expandable.expanded i.folder-icon{
background: url(centerPane/sprite-4ce3c9eaa2.svg) no-repeat;
background-position:56.657223796033996% 47.747747747747745%;
}

.widget-dialog-footer{
text-align: center;
padding:10px 0px;
vertical-align: middle;
}

.widget-dialog .widget-dialog-footer .btn {
  height: 34px;
  min-width: 82px;
  border-radius: 3px;
  margin-left: 20px;
}
.btn {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
  background: #398dee;
  border-radius: 2px;
  border: 1px solid #398dee;
  cursor: pointer;
  outline: none;
}
.btn-cancel{
  background: #fff;
  color:#82b6f4;
}

.btn-cancel:hover{
  background: #fff;
  color:#82b6f4;
}
.svg_dialog_close {
  background: url(centerPane/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 39.16913946587537%;
  width: 20px;
  height: 20px;
  position: absolute;
  right:0px;
  top:15px;
  cursor:pointer;
}

.svg_dialog_close:hover{
background: url(centerPane/sprite-4ce3c9eaa2.svg) no-repeat;
background-position: 94.39775910364146% 12.462908011869436%;

width: 20px;
height: 20px;
position: absolute;
right:0px;
top:15px;
cursor:pointer;
}

.folder-name{
  line-height: 24px;
  white-space: nowrap;
  margin-left: 10px;
}

.btn:disabled, .btn[disabled] {
    cursor: default;
    border-color: #dbdbdb !important;
    background: #ebebeb !important;
    color: #989898 !important;
}

/*
reset password
*/
.widget-dialog .widget-dialog-body .sp-bd{
	padding-top:10px;
}

.widget-dialog .widget-dialog-body .sp-hd{
	height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #3e3e3e;
}

 .sp-hd span{
	color:bac0c6;
}
.widget-dialog .widget-dialog-body .sp-bd input{
		width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
    line-height: 28px;
    border-radius: 3px;
		box-shadow: none;
		border:1px solid rgb(224, 225, 229);
		padding:5px 10px;
}

.error{
  color: #fd3232;
  height:30px;
}

.widget-dialog .delete-confirm{
  color:#000;
}

.show-icon-box {
    position: relative;
    background: #f2f4fa;
    border: 1px solid #d2d2d2;
    margin: 0 auto;
    width: 260px;
    height: 200px;
    display: inline-block;
}

.preview{
  display: inline-block;
position: absolute;
right: 16px;
}
.preview .preview-container {
    width: 120px;
    height: 120px;
    border: 1px solid #d2d2d2;
    overflow: hidden;
}
